<template>
  <main>
    <SearchBar ref="action"></SearchBar>
    <teleport to="body">
      <Dialog></Dialog>
    </teleport>
    <List></List>
  </main>
</template>

<script setup>
import SearchBar from './searchBar.vue';
import Dialog from './Dialog.vue';
import List from './List.vue';
import { ref } from 'vue';
const action = ref(null)
myApi.openDialog()
setInterval(()=>{
  myApi.onRenderEvent().then(res=>{
  action.value.handleClick()
})
},1000)
</script>

<style>

</style>